<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Aficionado - home page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 40px;
      }


	.aficionado-content{
		padding:5px;
	}

	/*
	 * Small Bootstrap hack to disable scrolling on widgets
	 */
	.modal-body{
		overflow-y: none !important;
	}


    </style>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<h1>{WEB_NAME}</h1>
			<h2>{WEB_SLOGAN}</h2>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
  <!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <div class="container">


    <div class="row-fluid">
		<div class="span12">
<ul class="nav nav-pills">
              <li class="active"><a href="#">Home</a></li>
              <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop4" class="dropdown-toggle">About us <b class="caret"></b></a>
                <ul aria-labelledby="drop4" role="menu" class="dropdown-menu" id="menu1">
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Who are we</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">What we do</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Contact</a></li>
                  <li class="divider" role="presentation"></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Tell me more</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop5" class="dropdown-toggle">Interesting stuff <b class="caret"></b></a>
                <ul aria-labelledby="drop5" role="menu" class="dropdown-menu" id="menu2">
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Alternatives DB</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Our open library</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop5" class="dropdown-toggle">Our projects <b class="caret"></b></a>
                <ul aria-labelledby="drop5" role="menu" class="dropdown-menu" id="menu3">
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">LTSP</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Bura</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Other</a></li>
                </ul>
              </li>
            </ul>
		</div>
    </div>
    <div class="row-fluid">
    <div class="span12 aficionado-content">
		<div class="alert alert-block alert-error fade in">
			<button data-dismiss="alert" class="close" type="button">×</button>
			<h4 class="alert-heading">Hey you!</h4>
			<p>This is the first time you are running Bura, and you still didn't set your package repository.</p>
			<p><a href="#" class="btn btn-danger">Choose now</a> <a href="#" class="btn">Admin pannel</a></p>
		</div>

		<div class="alert alert-block alert-success fade in">
			<button data-dismiss="alert" class="close" type="button">×</button>
			<h4 class="alert-heading">Congratulations!</h4>
			<p>Bura has been installed successfully in your system!.</p>
			<p><a href="#" class="btn btn-success">Log in</a> <a href="#" class="btn">Tell me more</a></p>
		</div>

		<div class="alert alert-block alert-info fade in">
			<button data-dismiss="alert" class="close" type="button">×</button>
			<h4 class="alert-heading">Psss!</h4>
			<p>You should now remove the install.php file from your root directory.</p>
			<p><a href="#" class="btn btn-info">Try to do it manually</a> <a href="#" class="btn">Tell me more</a></p>
		</div>

		<h2>Welcome to Bura!</h2>
		<p>This is an example page.</p>
    </div>

    </div>
    </div>
    <div class="row-fluid" align="center">
	<div class="span12">This program is Free Software</div>
    </div>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>

  </body>
</html>

